
.bm-page{
    margin-top: 20px;
    margin-bottom: 20px;
    .col-md-4{
        margin-left: 0px;
        float: right;
    }
    .col-md-8{
        margin-right: 0px;
        float: left;
    }
    .bm-form-container{
        border: 1px solid #ddd;
        background: #fcfcfc;
        .pay-crumbs-box{
            padding:15px 10px 8px;
            border-bottom:1px solid #ddd;
            .pay-crumbs{
                background: url(../images/pay-notification.jpg);
                height: 65px;
                width: 685px;
            }           
        }

        .crumbs-box{
            padding:15px 10px 8px;
            border-bottom:1px solid #ddd;
            .crumbs{
                height: 43px;
                width: 685px;
            }           
        }
        .form-box{
            padding: 20px;
            .head{
                position: relative;
                font-size: 20px;
                font-weight: bolder;
                border-bottom: 1px dotted #ddd;
                padding:11px 0 15px 50px;
                i{
                    background-position: -130px -48px;
                    width: 44px;
                    height: 38px;
                    position: absolute;
                    left:0px;
                    top:0px
                }
                span{
                    color: #db014d;
                }
            }

            .bm-tabs{
                border-bottom: 1px solid #aaa;
                .bm-btn{
                    background-color: #fcfcfc;
                    color: #9c9c9c;
                    border:1px solid #e4e4e4;
                    border-top-left-radius:  2px;
                    border-top-right-radius: 2px;
                    display: block;   
                    padding: 3px 10px;
                    line-height: 28px;
                    margin-right: 1px;
                    font-size: 16px;
                    i{
                        background-position: -270px -76px;
                        width: 14px;
                        height: 14px;
                        position: relative;
                        left:0px;
                        top:1px
                    }
                }
                a.active,a:hover{
                    background-color: #fa8321;
                    color: #fff;
                    border:1px solid #fa8321;
                    i{
                        background-position: -270px -51px;

                    }
                }
            }

            .form{
                color: #999;
                padding-top: 30px;
                padding-bottom: 20px;
                font-size:14px;
                td.title{
                    width: 130px;
                    text-align: right;
                    padding-right: 10px;
                    padding-top: 5px;
                }
                td{
                    position: relative;
                    vertical-align: top;
                    input{
                        height: 26px;
                        line-height: 26px;
                    }
                    select{
                        height: 26px;
                        line-height: 26px;    
                        width: 150px;
                    }
                    .input-big{
                        width: 480px;
                    }
                    .input-sm{
                        width: 90px;
                    }
                    .input-mid{
                        width: 330px;
                    }
                    .get-good{
                        background-position: -306px -57px;
                        height: 30px;
                        width: 143px;
                        border: none;
                        cursor: pointer;
                        position: absolute;
                    }
                    .trip{
                        color: #ea578e;
                        font-size: 12px;
                        width: 485px;
                        line-height: 20px;
                    }
                    .get-good:hover{
                        background-position: -306px -97px;
                    }
                    .bm-btn{
                        background-position: -502px -50px;
                        height: 39px;
                        width: 172px;
                        border: none;
                        cursor: pointer;
                        margin-top: 15px;
                    }
                    .bm-btn:hover{
                        background-position: -502px -97px;
                    }
                }
                tr{
                    height: 40px;
                }

            }
            .bottom{
                border-top: 1px dotted #ddd;
                padding-top: 10px;
                text-align: right;
                color: #666;
                a{
                    color: #0e6a99;
                }
            }
        }
    }
    .complain{
        height: 90px;
        position: relative;
        background: url('../images/sj-complain.jpg');
        width:340px;
        .qq{
            position: absolute;
            top: 0px;
            right: 20px;
            display: block;
            width: 57px;
            height: 90px;
            background: url('../images/qq-complain.gif');
        }
    }
    .bm-info-container{
        .bm-warning{
            background: #e7ebec;
            border-top: 3px solid #272727;
            padding: 15px;
            line-height: 2.0em;
            font-size: 14px;
            color: #808080;

            h3{
                text-align: center;
                font-size: 18px;
                color: #3e3e3e;
            }
            p{
                text-indent: 2em;
            }
            b{
                font-weight: bolder;
                color: #333;
            }
        }
        .bm-notice{
            border: 1px solid #ddd;   
            background: #fff;  
            padding: 15px 15px 50px 15px;

            line-height: 1.5em;
            font-size: 14px;
            h3{
                text-align: center;
                color: #666;
                font-size: 18px;
                padding-bottom: 10px;
            }
            li{
                margin-left: 23px;
                padding: 5px 0;
                word-break: break-all; 
                color: #999;
                a{
                    color:#0F6C98;  
                }
            }
        }

    }
    .qq-grounp{
        border: 1px solid #ddd;
        line-height: 30px;
        background: #fcfcfc;
        .title{
            width: 118px;
            padding: 40px 30px 20px ;
        }
        ul{
            width: 890px;
            padding: 30px 0;
        }
        i{
            background-position: -0px -47px;
            height: 89px;
            width: 118px;            
        }
        li{
            float: left;
            width: 155px;
            padding: 0 30px;
            height: 30px;
            border-left: 1px dotted #ddd;
            color: #aaa;
        }
        li.open{
            color: #333;
            font-weight: bolder;
        }
    }
    .bm-spt{
        background-image: url(../images/bm-spt.png);
    }
}

.bm-lookup-page{
	background-color:white;
	.green{
   		background-color: #81bf2c;
   	}
   	.red{
   		background-color: red;
   	}
   	.blue{
   		color: #0f6b99;
   	}
   	a:hover{
       	text-decoration:underline;
	}
    .lookup{
        border: 1px solid #ddd;
        height:80px;
        padding-top:20px;
        form{
        	margin: 20px 0 20px 40px;
    	}
        .label{
            
            font-size: 18px;
            display:inline;
        }
        .pid{
            line-height: 30px;
            height: 30px;
            padding-left: 10px;
            margin-left:10px;
            width:60%;
        }
        .btn{
        	border:0px;
            height: 30px;
            width: 80px;
            background-color:#db014d;
            color:white;
            font-weight:bolder;
            border-radius:2px;
        }
    }
    .line{
    	margin-top:30px;
    	background:url("../images/line.png") center top #e9e7f4;
    	height:1px;
    	width:97%;
    }
    .good-bm{
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        padding: 20px 0 20px 40px;;
    }
    .good-info{
        .img{
            height: 150px;
            width: 150px;
            margin-right: 20px;
        }
        .title{
        	color: #000;
        	font-size:16px;
        }
        
        .desc{
            line-height: 1.8em;
            font-size: 14px;
            color: #db014d;
            width:70%;
            float:left;
            div{
            	float:left;
        	}
            .lable{
                color: #666;
                width: 72px;
                text-align: right;
            }
            li{
            	clear:both;
            }
        }
    }
    .bm-result{
        width:700px;
        td{
            padding: 20px 0;
            .desc{
                color: #db014d;
                line-height: 2em;
                font-size: 14px;
            }
        }
        .time-td{
            text-align: center;
            position: relative;
            i{
                display: block;
                position: absolute;
                width: 3px;
                background: #ccc;
                height: 100%;
                left: 105px;
                top:0;
                z-index: -10;
            }
            i.first{
                top:50%;
            }
            i.last{
                top:-50%;
            }
        }
        .time{
            background: #66CC00;
            width: 70px;
            padding:10px;
            border-radius: 8px;
            margin-left: 60px;

        }
    }
    .info-note{
   		line-height:25px;
   		float:left;
   		font-size:14px;
   		background-color: #e6e6e6;
   		color:#7c7c7c;
   		padding:8px;
   		margin-bottom: 22px;
   		width:85%;
   	}
    .bm-info{
    	.info-title{
    		font-size: 14px;
    		padding-top: 10px;
    		width:100%;
    		float:left;
    	}
    	.info-row{
    		float:left;
    		padding:10px 2px 30px 0px;
    		width:110px;
    		
    	}
    	.info-row-color{
    		display:block;
    		height:20px;
    		text-align: center;
    		line-height:20px;
    		color: white;
    		font-weight: bolder;
    	}
    	
    	.info-row-text{
    		text-align:center;
    		line-height:12px;
    		color:#7c7c7c;
    		margin: 15px auto 10px;
    	}
    	table{
    		width:97%;
    		float:left;
    		border: 1px solid #ddd;
    		margin: 12px 0;
    		line-height:35px;
    		border-collapse:collapse;
    		td{
    			border: 1px solid #ddd;
    		}
    		tr{
    			border: 1px solid #ddd;
    			padding: 0 5px;
	            color: #666;
	            text-align:center;
    		}
    		.left{
    			text-align:left;
    			line-height:25px;
    		}
    		.black{
    			color:black;
    		}
    		
    	}
    	.bold{
    		font-weight: bolder;
    		background-color:#e6e6e6;
    		color:#000;
    	}
    	
    	
    	
    	
    }
}
#goods_bm_info{
	margin-top:20px;
}

.menber-score-good{
    .title{
        span{
            color: #db014d;
            font-family: "Arial";
            font-size: 20px;
        }
        .pay-btn{
            display: block;
            float: right;
            margin-right: 20px;
            font-size: 14px;
            color:#db014d;
        }
        .pay-btn:hover{
            color: #dd004e;
        }
        .qq{
            display: block;
            float: right;
            color: #666;
            font-size: 14px;
            margin-right:20px;
            img{
                vertical-align: middle;
            }
        }
    }
    table {        
        width:886px;     
        line-height:35px;
        border: 1px solid #ddd;
        border-collapse: collapse;
        text-align:center;  

        tbody {    

            padding-left: 35px;
            color: #666;   
        }
        td{
            border-top: 1px solid #ddd;
        }
    }
    
}